<template>
  <n-card title="消息">
    <template #header-extra>
      <n-button>清空</n-button>
    </template>
    <n-divider />
    <n-divider title-placement="center">
      以下为已读消息
    </n-divider>

    <n-list>
      <template #header>
        hhh
      </template>
      <template #footer>
        fff
      </template>
      <n-list-item>
        <template #prefix>
          <n-button>Prefix</n-button>
        </template>
        <template #suffix>
          <n-button>Suffix</n-button>
        </template>
        <n-thing title="Thing" title-extra="extra" description="description">
          Biu<br>
          Biu<br>
          Biu<br>
        </n-thing>
      </n-list-item>
      <n-list-item>
        <n-thing title="Thing" title-extra="extra" description="description" />
      </n-list-item>
    </n-list>
  </n-card>
</template>

<script setup>

</script>

<style scoped>

</style>
